@import "blueprint/reset"
@import "partials/base"
@import "blueprint"
@import "blueprint/scaffolding"
@import "blueprint/debug"
@import "mixin.sass"




+blueprint-scaffolding("body.bp")

body 
    //+blueprint-typography(true)
  
    //+blueprint-utilities
    //+blueprint-debug
    //+blueprint-interaction
body
    #container
        +container
    #header, #footer
        +column($blueprint-grid-columns)
    #sidebar
        $sidebar-columns: floor($blueprint-grid-columns / 3)
        +column($sidebar-columns)
    #content
        //$content-columns: ceil(2 * $blueprint-grid-columns / 3)
        //+column($content-columns, true)


$default-border-color: #EEEEEE

body 
    .forum-content-box
        font: 12px/18px Arial,sans-serif
        *
            padding: 0
            margin: 0
        div
            vertical-align: top
        p
            margin: 0
            line-height: 19px
        a
            color: #0069AB
            text-decoration: underline
            &:hover
                color: #0d9ffb
                text-decoration: none
    input:focus, textarea:focus
        outline: none
        border-color: #b2b2b2
        box-shadow: 0 0 5px #b2b2b2
        -moz-box-shadow: 0 0 5px #b2b2b2
        -webkit-box-shadow: 0 0 5px #b2b2b2
    input, textarea
        border: 1px solid #b2b2b2
        outline: none
    .icon-rss
        +icon-rss
    .icon-add
        +icon-add
        padding-left: 18px                    

.forum-content-box
    width: 800px
    padding-left: 20px
    margin-top: 20px
    .top-button
        float: right
        margin-top: -25px
        text-align: right
        display: inline-block
        padding: 0 5px
        a
            margin-left: 10px
    .alert-notice
        font-size: 12px
        background: none repeat scroll 0 0 #FFF6BF
        border: 1px solid #FFD324
        color: #514721
        display: block
        padding: 5px 0 5px 25px
        margin: 5px 0
    .breadcrumbs-navigation
        a
            font-size: 14px
        h2
            padding: 10px 0 5px 0
            font-size: 19px
    .topic
        padding-right: 5px
        font-size: 12px
        .topic-content
            font-size: 14px
            padding: 5px 0px 10px 0px
            p
                text-indent: 20px
                
        .topic-info
            -webkit-border-radius: 5px 5px 5px 5px
            -khtml-border-radius: 5px 5px 5px 5px
            -moz-border-radius: 5px 5px 5px 5px
            border-radius: 5px
            background: none repeat scroll 0 0 #F9F7ED
            border: 1px solid #EEEEEE
            padding: 5px 20px 5px 20px
            width: 95%
            display: inline-block
            span
                display: block
                float: left
            .date
                color: #666666
                font-size: 10px
                padding-left: 10px
            .author
                font-weight: bold
                color: #a1040d
            ul.social-service
                display: block
                float: left
                li
                    list-style: none
                    float: left
                    padding-left: 10px
                    a
                        display: block
                        height: 16px
                        width: 16px
                        opacity: 0.7
                        &:hover
                            opacity: 1
                    a.fbook
                        background: #FFF url("/images/icon-facebook.png") 0 0 no-repeat
                    a.twit
                        background: #FFF url("/images/icon-twitter.png") 0 0 no-repeat                
        .comments
            width: 100%
            padding-left: 20px
            .comments-header
                color: #A47637
                font-size: 16px
                text-decoration: none
                margin: 10px 0    
                .comment-count
            .comment
                .date
                    color: #666666
                    font-size: 10px
                .author
                    font-weight: bold
            .shift-1
                padding-left: 30px
            .shift-2
                padding-left: 50px
            .shift-3
                padding-left: 70px
            .shift-4
                padding-left: 90px
            .shift-5
                padding-left: 110px
            .shift-6
                padding-left: 130px
            .shift-7
                padding-left: 150px
            .shift-8
                padding-left: 170px
            .reply-area
                .reply
                    font-size: 12px
                padding: 0px 0 10px 0
                .add-reply
                    font-size: 16px
                    color: #a47637
                    border-bottom: 1px dashed
                    text-decoration: none
                    &:hover
                        border-bottom: 0 none            
                
                .add-comment
                    textarea
                        width: 100%
                        border: 1px solid #b2b2b2
                        outline: none
                        margin: 10px 0 10px 0
                .comment-section
                    .add-comment
                        width: 100%
                        .add-comment-content
                            padding: 0 20px
                            input[type="submit"]    
                                border: 1px solid #b2b2b2
                                outline: none
                                padding: 1px
                                cursor: pointer
.forum-list
    width: 100%
    font-size: 12px
    margin-top: -12px
    .head
        border-bottom: 1px solid $default-border-color  
        line-height: 25px
        .column
            text-align: center
            color: #36393D
        .text-left
            text-align: left
            span
                padding-left: 30px
        .text-right
            text-align: right
            span
                padding-right: 10px                
.content
    .feautured
        border-bottom: 1px solid $default-border-color
        padding: 5px 0
    .simple
        border-bottom: 1px solid $default-border-color
        padding: 5px 0
    .column
        span.text-center
            display: block
            width: 100%
            text-align: center
            span.count
                color: #cc0000
        .topic-name-active, .topic-name-no-active
            background: url("/images/icon-notepad.png") 0 0 no-repeat
            padding-left: 20px
        .topic-name-active
            opacity: 1
        .topic-name-no-active
            opacity: 0.7
                           
                                
.foot
    //border-top: 1px solid $default-border-color
    line-height: 25px
    text-align: right
.head, .feautured, .simple, .foot
    width: 100%
    display: inline-block
.w-15
    width: 15%
.w-20
    width: 20%
.w-50
    width: 50%
.text-left
    text-align: left
.rss-link
    +icon-rss
    padding-left: 4px
    float: left
    height: 16px
    width: 16px
    opacity: 0.8
    &:hover
        opacity: 1
.column
    float: left
    a
        font-weight: bold
        color: #0069AB
        margin-left: 5px
        font-size: 14px
        text-decoration: underline
        &:hover
            text-decoration: none
        &:visited
            color: #0069AB
        &:link
            color: #0069AB
    p.description
        margin: 0 0 0 25px
    ul.actions
        list-style: none
        margin: 0
        padding: 0 
        text-align: right
        padding-right: 10px
        li
            line-height: 17px
            a
                text-decoration: underline
                font-size: 12px
                font-weight: normal
                &:hover
                    text-decoration: none
.form-add-edit
    width: 420px
    margin: 20px
    dl.zend_form
        width: 100%
        margin: 0
        dt
            margin: 0
            font-weight: bold
            font-size: 12px
            padding-bottom: 2px 
        dd
            margin: 0
            padding-bottom: 10px
            input
                width: 100%
                height: 22px
            input[type="checkbox"]
                width: auto
                border: 0 none 
            input[type="submit"]
                width: 60px
                border-radius: 4px
                -moz-border-radius: 4px
                -webkit-border-radius: 4px
            textarea  
                width: 100%
                border: 1px solid #b2b2b2
            p.description  
                font-size: 11px
                color: #b2b2b2
.errors
    font-size: 11px
    margin: 3px 0 10px
    background: #FBE3E4
    border: 1px solid #FBC2C4
    color: #8A1F11
    width: 100%
    padding: 0
    li
        line-height: 15px
        padding-bottom: 5px
        padding-left: 5px 
        list-style: none

ul.pagination
    margin: 0
    padding: 0
    text-align: right
    display: inline-block
    li.dotted
        padding: 0
    li
        list-style: none
        float: left
        font-size: 12px
        padding: 0 5px
        a
            text-decoration: underline
        a.arrow
            //color: #8D8D8D
        a.active
            font-weight: bold
            color: #344150
            text-decoration: none
        a:hover
            text-decoration: none

